<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>番茄起立 - 你的智能健康伴侣</title>
    <meta name="description" content="结合番茄工作法与AI姿态识别的智能健康效率工具，让工作休息更健康" />
    <meta name="author" content="Pomodoro Pose" />
    <meta name="keywords" content="番茄工作法,健康,AI识别,工作效率,休息运动" />

    <meta property="og:title" content="番茄起立 - 智能健康伴侣" />
    <meta property="og:description" content="结合番茄工作法与AI姿态识别，让你的工作休息更健康有趣" />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="/hero-image.jpg" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="番茄起立 - 智能健康伴侣" />
    <meta name="twitter:description" content="AI驱动的健康工作助手" />
    
    <!-- 预加载关键字体 -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    
    <!-- MediaPipe 和依赖库 -->
    <script src="https://cdn.jsdelivr.net/npm/@mediapipe/camera_utils/camera_utils.js" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/@mediapipe/control_utils/control_utils.js" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/@mediapipe/drawing_utils/drawing_utils.js" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/@mediapipe/pose/pose.js" crossorigin="anonymous"></script>
    
    <!-- 庆祝动画库 -->
    <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js"></script>
  </head>

  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>
